<div class="col-sm-12 pannel">
      <div class="container text-center">
        <h1 class="title">文档中心</h1>
        <p class="subtitle">我是副文案，我是副文案，我是副文案</p>
        <div class="input-group" style="max-width: 800px; margin: auto;">
          <input
            type="text"
            class="form-control"
            placeholder="刷脸支付"
            aria-describedby="basic-addon2"
          />
          <div class="input-group-append">
            <span class="input-group-text btngn" id="basic-addon2"
              >搜索
          </div>
        </div>
        <div
          class="text-center searchadd"
        >
          <p>刷脸支付</p>
          <p>刷脸支付</p>
          <p>刷脸支付</p>
          <p>刷脸支付</p>
        </div>
      </div>
    </div>
    <div class="row list-container">
      <div class="col-sm-3 col-12">
        <div class="list-card__item">
          <span class="glyphicon glyphicon-object-align-vertical list-card__item__icon" aria-hidden="true"></span>
          <span class="list-card__item__title">小程序</span>
          <div class="list-card__item__split"></div>
          <div class="list-card__item__introduce">我是副文案我是副文案我是副文案我是副文案我是副文案</div>
      </div>
      </div>
      <div class="col-sm-3 col-12">
        <div class="list-card__item">
          <span class="glyphicon glyphicon-object-align-vertical list-card__item__icon" aria-hidden="true"></span>
          <span class="list-card__item__title">小程序</span>
          <div class="list-card__item__split"></div>
          <div class="list-card__item__introduce">我是副文案我是副文案我是副文案我是副文案我是副文案</div>
      </div>
      </div>
      <div class="col-sm-3 col-12">
        <div class="list-card__item">
          <span class="glyphicon glyphicon-object-align-vertical list-card__item__icon" aria-hidden="true"></span>
          <span class="list-card__item__title">小程序</span>
          <div class="list-card__item__split"></div>
          <div class="list-card__item__introduce">我是副文案我是副文案我是副文案我是副文案我是副文案</div>
      </div>
      </div>
      <div class="col-sm-3 col-12">
        <div class="list-card__item">
          <span class="glyphicon glyphicon-object-align-vertical list-card__item__icon" aria-hidden="true"></span>
          <span class="list-card__item__title">小程序</span>
          <div class="list-card__item__split"></div>
          <div class="list-card__item__introduce">我是副文案我是副文案我是副文案我是副文案我是副文案</div>
      </div>
      </div>
    </div>
    <div style="background-color: #F8F9FB;">
    <div class="row list2-container">
      <div class="col-sm-4 col-12 list2-pannel">
        <span>快速入门</span>
        <div class="row">
          <div class="col">
            <ul>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
            </ul>
          </div>
          <div class="col">
            <ul>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
            </ul>
          </div>
        </div>
       
        
      </div>
      <div class="col-sm-4 col-12 list2-pannel">
        <span>API文档</span>
        <div class="row">
          <div class="col">
            <ul>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
            </ul>
          </div>
          <div class="col">
            <ul>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
            </ul>
          </div>
        </div>
    </div>
      <div class="col-sm-4 col-12 list2-pannel">
        <span>产品文档</span>
        <div class="row">
          <div class="col">
            <ul>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
            </ul>
          </div>
          <div class="col">
            <ul>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
              <li>step1 平台概述</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
    <div style="background-color: #2F3142; color: #fff;">
      <div class="row list3-container list3-pannel">
        <div class="col-sm-2 col-12">
          <span>快速入门</span>
          <ul>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
          </ul>
        </div>
        <div class="col-sm-2 col-12">
          <span>快速入门</span>

          <ul>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
          </ul>
        </div>
        <div class="col-sm-2 col-12">
          <span>快速入门</span>

          <ul>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
          </ul>
        </div>
        <div class="col-sm-2 col-12">
          <span>快速入门</span>

          <ul>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
            <li>step1 平台概述</li>
          </ul>
        </div>
        <div class="col-sm-4 col-12 qrcode">
          <span>打开xx扫一扫</span>
        </div>
      </div>
    </div>